#image-magnifier {
	display: none;  /* Hidden by default */
	position: fixed;  /* Stay in place */
	z-index: 1;  /* Sit on top */
	left: 0;
	top: 0;
	width: 100%;  /* Full width */
	height: 100%;  /* Full height */
	overflow: auto;  /* Enable scroll if needed */
	background-color: rgb(0, 0, 0);  /* Fallback color */
	background-color: rgba(0, 0, 0, 0.6);  /* Black w/ opacity */
	cursor: zoom-out;
}

#image-magnifier-content {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	display: block;
	object-fit: contain;
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
}

#image-magnifier-content {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform: scale(0.5)} 
    to {-webkit-transform: scale(1)}
}

@keyframes zoom {
    from {transform: scale(0.5)} 
    to {transform: scale(1)}
}
